*,
*:before,
*:after {
  font-size: inherit;
  color: inherit;
  box-sizing: border-box;
  vertical-align: baseline;

  // -webkit-tap-highlight-color 是一个 不规范的属性，它没有出现在 CSS 规范草案中。
  // 当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  // 在X5新内核Blink中，在排版页面的时候，会主动对字体进行放大，会检测页面中的主字体，当某一块字体在我们的判定规则中，
  // 认为字号较小，并且是页面中的主要字体，就会采取主动放大的操作。然而这不是我们想要的，可以采取给最大高度解决
  max-height: 100000px;
}

body {
  user-select: none;
  font-size: 0.28rem;
  font-family: -apple-system,"SF UI Text",Roboto,Noto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  background-color: #f6f6f6;
}

*[contenteditable] {
  -webkit-user-select: auto !important;
}

*:focus {
  outline: none;
}

html {
  // PX does't parse by 'postcss-pxtorem'. But the browser is not case sensitive, so it works fine.
  // Set `50` As the basis for rem initially. So it can work properly in the 1x screen of Android device.
  font-size: 50PX;
  color: #000;
  background: #fff;
  overflow-y: scroll;
}

html * {
  outline: 0;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html, body {
  font-family: sans-serif
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea, p, blockquote, th, td, hr,
button, article, aside, details, figcaption, figure, footer, header,
hgroup, menu, nav, section {
  margin: 0;
  padding: 0
}

input, select, textarea {
  font-size: 100%
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

fieldset, img {
  border: 0
}

abbr, acronym {
  border: 0;
  font-variant: normal
}

del {
  text-decoration: line-through
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 500
}

ol, ul {
  list-style: none
}

caption, th {
  text-align: left
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500
}

q:before, q:after {
  content: ''
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

a {
  background: transparent;
  outline: none;
}

a:hover {
  text-decoration: none;
}

ins, a {
  text-decoration: none
}

img {
  display: block;
  width: 100%;
  border: none;
  outline: none;
}

button {
    border: none;
    outline: none;
    background: none;
}
